import type { RouteRecordRaw } from 'vue-router';
export const imageZoom: RouteRecordRaw = {
    path: "/image-zoom",
    name: 'image-zoom',
    meta: {
        title: "image-zoom(h5)图片预览缩放"
    },
    component: () => import('@/views/demos/image-zoom/index.vue')
}

export const textToggle: RouteRecordRaw = {
    path: "/text-toggle",
    name: 'text-toggle',
    meta: {
        title: "text-toggle文本收起展开"
    },
    component: () => import('@/views/demos/text-toggle/index.vue')
}

export const drag: RouteRecordRaw = {
    path: "/drag",
    name: 'drag',
    meta: {
        title: "drag"
    },
    component: () => import('@/views/demos/drag/index.vue')
}

export const canvas: RouteRecordRaw = {
    path: "/canvas",
    name: 'canvas',
    meta: {
        title: "canvas"
    },
    component: () => import('@/views/demos/canvas/index.vue')
}

export const numberRoll: RouteRecordRaw = {
    path: "/number-roll",
    name: 'number-roll',
    meta: {
        title: "number-roll"
    },
    component: () => import('@/views/demos/number-roll/index.vue')
}

export const listRoll: RouteRecordRaw = {
    path: "/list-roll",
    name: 'list-roll',
    meta: {
        title: "list-roll"
    },
    component: () => import('@/views/demos/list-roll/index.vue')
}

export const listRollLinear: RouteRecordRaw = {
    path: "/list-roll-linear",
    name: 'list-roll-linear',
    meta: {
        title: "list-roll-linear"
    },
    component: () => import('@/views/demos/list-roll-linear/index.vue')
}

export const other:RouteRecordRaw = {
    path:'/other',
    name:'other',
    meta:{
        title:'其他的组件'
    },
    children:[
        imageZoom,
        textToggle,
        numberRoll,
        listRoll,
        listRollLinear,
        drag,
        canvas
    ]
}

export default other;